<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui"
      xmlns:pe="http://primefaces.org/ui/extensions">
    <ui:composition template="/view/templates/layout.xhtml">
        <ui:define name="title">Perfil del médico</ui:define>
        <ui:define name="menu">
            <ui:include src="/view/templates/med-menu.xhtml"/>
        </ui:define>
        <ui:define name="toolbar">
            <h:form id="formMedicoButtons">
                <p:toolbar> 
                    <p:toolbarGroup align="left">
                        <p:outputLabel value="#{msg.tlb_Medico}" style="margin-top: 5px; margin-left: 5px; "/>
                        <p:separator/>
                    </p:toolbarGroup>
                    <p:toolbarGroup align="right">
                    </p:toolbarGroup>
                </p:toolbar>
                <br/>
            </h:form>
        </ui:define>
        <ui:define name="body">
            <p:growl id="growl" globalOnly="true" showSummary="true" showDetail="true" autoUpdate="true" />
            <h:form id="formRegistro" prependId="false">   
                <div class="row">
                    <div class="col-md-offset-2 col-md-8">
                        <div class="panel panel-primary">
                            <div class="panel-heading">Perfil Medico</div>
                            <div class="panel-body">
                                <p:outputLabel value="#{msg.gr_registrar_Usuario}" style="margin-left: 50px;"/>
                                <p:separator style="margin: 5px;"/>
                                <pe:fluidGrid vGutter="10" hGutter="40">
                                    <pe:fluidGridItem>  
                                        <h:panelGrid columns="1">
                                            <p:outputLabel value="#{msg.obj_usuarioNick}:"/>
                                            <h:outputText id="nick" value="#{CuentaMedicoController.retrieveMedico.usuario.nick}" style="margin: 5px;" /> 
                                        </h:panelGrid>
                                    </pe:fluidGridItem>                                                                      
                                </pe:fluidGrid>


                                <p:outputLabel value="#{msg.grn_datos_gr}" style="margin-left: 50px; margin-top: 20px;"/>
                                <p:separator style="margin: 5px;"/>
                                <pe:fluidGrid vGutter="10" hGutter="40">
                                    <pe:fluidGridItem>  
                                        <h:panelGrid columns="1">
                                            <p:outputLabel  value="#{msg.grn_datos_Nombre}:" style="margin: 5px;" />
                                            <h:outputText id="nombre" value="#{CuentaMedicoController.retrieveMedico.nombre}" style="margin: 5px;" />
                                        </h:panelGrid>
                                    </pe:fluidGridItem>

                                    <pe:fluidGridItem>  
                                        <h:panelGrid columns="1">
                                            <p:outputLabel  value="Apellido  Paterno:" style="margin: 5px;" />
                                            <h:outputText id="apPaterno" value="#{CuentaMedicoController.retrieveMedico.apPaterno}" style="margin: 5px;"/>
                                        </h:panelGrid>
                                    </pe:fluidGridItem>

                                    <pe:fluidGridItem>
                                        <h:panelGrid columns="1">
                                            <p:outputLabel  value="Apellido  Materno:" style="margin: 5px;" />  
                                            <h:outputText id="apMaterno" value="#{CuentaMedicoController.retrieveMedico.apMaterno}" style="margin: 5px;"/>
                                        </h:panelGrid>
                                    </pe:fluidGridItem> 
                                </pe:fluidGrid>

                                <pe:fluidGrid vGutter="10" hGutter="40">
                                    <pe:fluidGridItem> 
                                        <h:panelGrid columns="1">
                                            <p:outputLabel for="genero" value="#{msg.obj_personaGenero}:"/>
                                            <h:outputText id="genero" value="#{CuentaMedicoController.retrieveMedico.genero}" style="margin: 5px;"  />                                                                                          
                                        </h:panelGrid>
                                    </pe:fluidGridItem> 

                                    <pe:fluidGridItem> 
                                        <h:panelGrid columns="1">
                                            <p:outputLabel  value="Celular:"/> 
                                            <h:outputText id="celular" value="#{CuentaMedicoController.retrieveMedico.celular}" style="margin: 5px;"/>
                                        </h:panelGrid>
                                    </pe:fluidGridItem> 

                                    <pe:fluidGridItem>  
                                        <h:panelGrid columns="1">
                                            <p:outputLabel  value="Teléfono:" /> 
                                            <h:outputText id="telefono" value="#{CuentaMedicoController.retrieveMedico.telefono}" style="margin: 5px;"/>                                       
                                        </h:panelGrid>
                                    </pe:fluidGridItem> 

                                    <pe:fluidGridItem>  
                                        <h:panelGrid columns="1">
                                            <p:outputLabel  value="Email:" /> 
                                            <h:outputText id="email" value="#{CuentaMedicoController.retrieveMedico.email}" style="margin: 5px;"/>
                                        </h:panelGrid>
                                    </pe:fluidGridItem> 
                                </pe:fluidGrid>

                                <p:outputLabel value="#{msg.grn_datos_Domicilio}" style="margin-left: 50px; margin-top: 20px;"/>
                                <p:separator style="margin: 5px;"/>
                                <pe:fluidGrid vGutter="10" hGutter="40">

                                    <pe:fluidGridItem> 
                                        <h:panelGrid columns="1">
                                            <p:outputLabel  value="Ciudad:" style="margin: 5px;" /> 
                                            <h:outputText id="ciudad" value="#{CuentaMedicoController.retrieveMedico.ciudad}" style="margin: 5px;" />
                                        </h:panelGrid>
                                    </pe:fluidGridItem> 

                                    <pe:fluidGridItem> 
                                        <h:panelGrid columns="1">
                                            <p:outputLabel  value="Estado:" style="margin: 5px;" /> 
                                            <h:outputText id="estado" value="#{CuentaMedicoController.retrieveMedico.estado}" style="margin: 5px;" />
                                        </h:panelGrid>
                                    </pe:fluidGridItem> 

                                    <pe:fluidGridItem> 
                                        <h:panelGrid columns="1">
                                            <p:outputLabel  value="Colonia:" style="margin: 5px;" /> 
                                            <h:outputText id="colonia" value="#{CuentaMedicoController.retrieveMedico.colonia}" style="margin: 5px;" />
                                        </h:panelGrid>
                                    </pe:fluidGridItem> 

                                    <pe:fluidGridItem>
                                        <h:panelGrid columns="1">
                                            <p:outputLabel  value="Codigo Postal:" style="margin: 5px;" /> 
                                            <h:outputText id="cp" value="#{CuentaMedicoController.retrieveMedico.codigoPostal}" style="margin: 5px;"/>
                                        </h:panelGrid>
                                    </pe:fluidGridItem> 
                                </pe:fluidGrid>

                                <p:outputLabel value="#{msg.grn_datos_md}" style="margin-left: 50px; margin-top: 20px;"/>
                                <p:separator style="margin: 5px;"/>
                                <pe:fluidGrid vGutter="10" hGutter="40">
                                    <pe:fluidGridItem> 
                                        <h:panelGrid columns="1">
                                            <p:outputLabel  value="Especialidad:" style="margin: 5px;" /> 
                                            <h:outputText id="especialidad" value="#{CuentaMedicoController.retrieveMedico.especialidad}" style="margin: 5px;"/>
                                        </h:panelGrid>
                                    </pe:fluidGridItem>

                                    <pe:fluidGridItem> 
                                        <h:panelGrid columns="1">
                                            <p:outputLabel  value="Cedula:" style="margin: 5px;" /> 
                                            <h:outputText id="cedula" value="#{CuentaMedicoController.retrieveMedico.cedula}" style="margin: 5px;"/>
                                        </h:panelGrid>
                                    </pe:fluidGridItem> 
                                </pe:fluidGrid>
                            </div>
                            <div class="panel-footer">
                                <p:commandButton value="#{msg.grn_botonActulizar}" styleClass="ui-button-custome"
                                                 onclick="PF('widgetUpdateMedico').show()"
                                                 icon="ui-icon-plus"
                                                 update=":formMedicoActualizar:pGrUpdateMedico"/>
                            </div>
                        </div>
                    </div>
                </div>
            </h:form>

            <h:form id="formMedicoActualizar" prependId="true">
                <p:dialog id="diUpdateMedico" widgetVar="widgetUpdateMedico" 
                          showEffect="clip" hideEffect="fold" modal="true">
                    <div class="container"  style="width: 800px !important; margin-top: 0px !important;">
                        <center>
                            <p:panelGrid id="pGrUpdateMedico">    
                                <p:row>
                                    <p:column>
                                        <p:outputLabel value="#{msg.gr_registrar_Usuario}"/>
                                    </p:column>
                                </p:row>
                                <p:row>
                                    <p:column style="border: 0px !important;">
                                        <p:outputLabel  value="#{msg.grn_datos_Nombre}:"  />
                                        <p:inputText id="inputNombre" styleClass="form-control" 
                                                     value="#{CuentaMedicoController.retrieveMedico.nombre}"
                                                     validatorMessage="#{msg.vld_valorNoPermitido}" requiredMessage="#{msg.vld_campoNecesario}" 
                                                     required="true">
                                            <f:validateRegex pattern="[A-Za-z]+"/>
                                        </p:inputText>
                                        <p:message for="inputNombre"/>
                                    </p:column>
                                    <p:column>
                                        <p:outputLabel  value="Apellido  Paterno:"  />
                                        <p:inputText id="inputApPaterno" styleClass="form-control" 
                                                     value="#{CuentaMedicoController.retrieveMedico.apPaterno}" 
                                                     validatorMessage="#{msg.vld_valorNoPermitido}" requiredMessage="#{msg.vld_campoNecesario}" 
                                                     required="true">
                                            <f:validateRegex pattern="[A-Za-z]+"/>
                                        </p:inputText>
                                        <p:message for="inputApPaterno"/>
                                    </p:column>
                                    <p:column>
                                        <p:outputLabel  value="Apellido  Materno:"  />  
                                        <p:inputText id="apMaterno"  styleClass="form-control"
                                                     value="#{CuentaMedicoController.retrieveMedico.apMaterno}" 
                                                     validatorMessage="#{msg.vld_valorNoPermitido}" requiredMessage="#{msg.vld_campoNecesario}" 
                                                     required="true">
                                            <f:validateRegex pattern="[A-Za-z]+"/>
                                        </p:inputText>
                                        <p:message for="apMaterno"/>
                                    </p:column>
                                </p:row>

                                <p:row>
                                    <p:column>
                                        <p:outputLabel value="#{msg.grn_datos_gr}"/>
                                    </p:column>
                                </p:row>
                                <p:row>
                                    <p:column colspan="2">
                                        <p:panelGrid> 
                                            <p:row>
                                                <p:column style="padding: 0px;">
                                                    <p:outputLabel  value="Celular:"  /> 
                                                    <p:inputText id="celular"  styleClass="form-control"
                                                                 value="#{CuentaMedicoController.retrieveMedico.celular}" 
                                                                 validatorMessage="#{msg.vld_valorNoPermitido}" requiredMessage="#{msg.vld_campoNecesario}" 
                                                                 required="true">
                                                        <f:validateRegex pattern="[A-Za-z]+"/>
                                                    </p:inputText>
                                                    <p:message for="celular"/>
                                                </p:column>
                                                <p:column>
                                                    <p:outputLabel  value="Email:"  /> 
                                                    <p:inputText id="email"  styleClass="form-control"
                                                                 value="#{CuentaMedicoController.retrieveMedico.email}" 
                                                                 validatorMessage="#{msg.vld_valorNoPermitido}" requiredMessage="#{msg.vld_campoNecesario}" 
                                                                 required="true">
                                                        <f:validateRegex pattern="[A-Za-z]+"/>
                                                    </p:inputText>
                                                    <p:message for="email"/>
                                                </p:column>
                                            </p:row>
                                            <p:row>
                                                <p:column style="padding: 0px;">
                                                    <p:outputLabel  value="Teléfono:"  /> 
                                                    <p:inputText id="telefono"  styleClass="form-control"
                                                                 value="#{CuentaMedicoController.retrieveMedico.telefono}" 
                                                                 validatorMessage="#{msg.vld_valorNoPermitido}" requiredMessage="#{msg.vld_campoNecesario}" 
                                                                 required="true">                                       
                                                        <f:validateRegex pattern="[A-Za-z]+"/>
                                                    </p:inputText>
                                                    <p:message for="telefono"/>
                                                </p:column>
                                            </p:row>
                                        </p:panelGrid>
                                    </p:column>
                                    <p:column>
                                        <p:outputLabel for="genero" value="#{msg.obj_personaGenero}:"/>
                                        <p:selectOneRadio id="genero" value="#{CuentaMedicoController.retrieveMedico.genero}"  layout="pageDirection" 
                                                          styleClass="ui-radio-button-custome"
                                                          validatorMessage="#{msg.vld_valorNoPermitido}" requiredMessage="#{msg.vld_campoNecesario}" 
                                                          required="true">
                                            <f:selectItem itemLabel="#{msg.obj_personaMasculino}" itemValue="M" />    
                                            <f:selectItem itemLabel="#{msg.obj_personaFemenino}" itemValue="F" />    
                                        </p:selectOneRadio>
                                        <p:message for="genero"/>
                                    </p:column>
                                </p:row>

                                <p:row>
                                    <p:column>
                                        <p:outputLabel value="#{msg.grn_datos_Domicilio}"/>
                                    </p:column>
                                </p:row>
                                <p:row>
                                    <p:column>
                                        <p:outputLabel  value="Ciudad:"  /> 
                                        <p:inputText id="ciudad"  styleClass="form-control"
                                                     value="#{CuentaMedicoController.retrieveMedico.ciudad}"  
                                                     validatorMessage="#{msg.vld_valorNoPermitido}" requiredMessage="#{msg.vld_campoNecesario}" 
                                                     required="true">
                                            <f:validateRegex pattern="[A-Za-z]+"/>
                                        </p:inputText>
                                        <p:message for="ciudad"/>
                                    </p:column>

                                    <p:column>
                                        <p:outputLabel  value="Estado:"  /> 
                                        <p:inputText id="estado" value="#{CuentaMedicoController.retrieveMedico.estado}"  styleClass="form-control"
                                                     validatorMessage="#{msg.vld_valorNoPermitido}" requiredMessage="#{msg.vld_campoNecesario}" 
                                                     required="true">
                                            <f:validateRegex pattern="[A-Za-z]+"/>
                                        </p:inputText>
                                        <p:message for="estado"/>
                                    </p:column>

                                    <p:column>
                                        <p:outputLabel  value="Colonia:"  /> 
                                        <p:inputText id="colonia"  styleClass="form-control"
                                                     value="#{CuentaMedicoController.retrieveMedico.colonia}"  
                                                     validatorMessage="#{msg.vld_valorNoPermitido}" requiredMessage="#{msg.vld_campoNecesario}" 
                                                     required="true">
                                            <f:validateRegex pattern="[A-Za-z]+"/>
                                        </p:inputText>
                                        <p:message for="colonia"/>
                                    </p:column>
                                </p:row>
                                <p:row>
                                    <p:column>
                                        <p:outputLabel  value="Codigo Postal:"  /> 
                                        <p:inputText id="cp"  styleClass="form-control"
                                                     value="#{CuentaMedicoController.retrieveMedico.codigoPostal}" 
                                                     validatorMessage="#{msg.vld_valorNoPermitido}" requiredMessage="#{msg.vld_campoNecesario}" 
                                                     required="true">
                                            <f:validateRegex pattern="[A-Za-z]+"/>
                                        </p:inputText>
                                        <p:message for="cp"/>
                                    </p:column> 
                                </p:row>
                                <p:row>
                                    <p:column>
                                        <p:outputLabel value="#{msg.grn_datos_md}"/>
                                    </p:column>
                                </p:row>
                                <p:row>
                                    <p:column>
                                        <p:outputLabel  value="Especialidad:"  /> 
                                        <p:inputText id="especialidad"  styleClass="form-control"
                                                     value="#{CuentaMedicoController.retrieveMedico.especialidad}" 
                                                     validatorMessage="#{msg.vld_valorNoPermitido}" requiredMessage="#{msg.vld_campoNecesario}" 
                                                     required="true">
                                            <f:validateRegex pattern="[A-Za-z]+"/>
                                        </p:inputText>
                                        <p:message for="especialidad"/>
                                    </p:column>
                                    <p:column>
                                        <p:outputLabel  value="Cedula:"  /> 
                                        <p:inputText id="cedula"  styleClass="form-control"
                                                     value="#{CuentaMedicoController.retrieveMedico.cedula}" 
                                                     validatorMessage="#{msg.vld_valorNoPermitido}" requiredMessage="#{msg.vld_campoNecesario}" 
                                                     required="true">
                                            <f:validateRegex pattern="[A-Za-z]+"/>
                                        </p:inputText>
                                        <p:message for="cedula"/>
                                    </p:column>
                                </p:row>
                            </p:panelGrid>
                        </center>
                    </div>
                    <f:facet name="footer" >
                        <center>
                            <p:commandButton id="btnModificar" value="#{msg.grn_botonModificar}" onclick="PF('widgetUpdateMedico').hide()"
                                             styleClass="ui-button-custome" icon="ui-icon-check"
                                             style="margin-left: 10px;" update=":formMedicoActualizar :formRegistro :growl"
                                             actionListener="#{CuentaMedicoController.executeActualizarCuentaMedico}"/>
                        </center>
                    </f:facet>
                </p:dialog>
            </h:form>
        </ui:define>
    </ui:composition>

</html>


